<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_鼠标属性</title>
    <style>
        input {
            /*cursor: pointer;*/
            /*cursor: move;*/
            /*cursor: text;*/
            /*cursor: crosshair;*/
            /*cursor: wait;*/
            /*cursor: help;*/
            cursor: url(../Snipaste_2025-07-22_17-22-18.png),pointer;
        }
    </style>
</head>
<body>
<!--
    鼠标属性：
        cursor: 属性
            属性值:
                pointer: 鼠标指针
                move: 移动
                text: 文本
                crosshair:十字架
                wait: 等待
                help: 帮助
                url(图片路径),pointer  注意这个需要小图片才能正常展示，否者无法看到效果,浏览器可能会忽略自定义光标并回退到默认的 pointer 光标。
-->
    <input type="#">
</body>
</html>